<!DOCTYPE >
<html  xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:include="header.html"></th:block>
    <title>Basic Line Chart</title>
</head>
<body class="container" style="height: auto;overflow: hidden;">
<div id="chart" style="height: 500px;"></div>
</body>
<script type="text/javascript">
    $(function() {
        showchart();
    })
    function showchart() {
        var echart = echarts.init(document.getElementById('chart'));
        echart.clear();
        echart.showLoading();
        var option = {
            series : [
                {
                    name: 'Map',
                    type: 'map',
                    map: 'china',
                    selectedMode : 'single',
                    data:[{name: '江苏',value: Math.round(Math.random()*1000), selected:true},
                        {name: '天津',value: Math.round(Math.random()*1000)}]
                }
            ]
        } ;
        echart.setOption(option);
        echart.hideLoading();
    }
</script>
</html>